<div class="container" style="width:600px;height:400px;">
    <div class="jumbotron" onselectstart="return false;" >
		<div class="container">
			<button type="button" class="btn btn-default" data-toggle="modal" data-target="#detailModal">
			  <span id="showTime" class="glyphicon glyphicon-time">00:00:00</span>
			  <input id="time" name="time" value="0" style="display:none"/>
			  <input id="sudoku" name="sudoku" value="0" style="display:none"/>
			</button>
			<div id="getsudoku">
				<?php $this->getSudoku(1);?>
			</div>	
		</div>
		
		<div id="num" style="position:absolute;display:none">
				<button type="button" class="btn btn-default" onclick="hideNum()">
					<span class="glyphicon glyphicon-remove"></span>
				</button>	
				<?php $this->getNum();?>	
		</div>
	</div>
	<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/game.js"></script>
	<script>
		countTime();
	</script>
</div>

<div class="modal fade in" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display:none;">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="jumbotron" style="width:600px;height:600px;margin:0">
				<button class="btn btn-success" data-dismiss="modal" aria-hidden="true">休息好了，继续再战！</button>
				<h1>Sudoku</h1>
				<p>游戏已经暂停，可以去泡杯茶休息一会了~</p>
			</div>
		</div>
	</div>
</div>

